<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=`, initial-scale=1.0">
	<title>dome2</title>
	<script type="text/javascript" src="../js/vue.js"></script>
	<style type="text/css">
		.www{
			height: 34rem;
			width: 20rem;
			background-color: pink;
		}
	</style>
</head>
<body>
	<div id="root" class="www" @click='show'>
		<!-- .stop 阻止冒泡 -->
		<input type="button" value="猛然冲击" @click.stop="alter">
		<input type="button" value="停下" @click="demo">
	</div>

	<script type="text/javascript">
		const vm = new Vue({
			el:"#root",
			data:{
			},
			methods:{
				show(){
					alert("www.dagoose.com")
				},
				alter(){
					console.log("冲冲冲")	
				},
				demo(){
					console.log('别冲了,再冲人就没了')
				}
			},
		})
	</script>
</body>
</html>